<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">  

            <h:form id="formArticulo">

                <p:panel header="#{BKArticulo.comando.nombre eq 'Guardar'?'REGISTRAR ARTICULO':'ACTUALIZAR ARTICULO'}" style="width: 90%;margin: 10px auto;">

                    <p:panelGrid style="width: 100%;margin:0px auto;border:0px;padding: 0 5px"> 
                        <p:row>
                            <p:column>
                                <h:outputText value="CATEGORIAS: " styleClass="lblForm" />  
                            </p:column>
                            <p:column>
                                <p:selectOneMenu id="cbxCategoria" value="#{BKArticulo.idCategoriaArticulo}" effect="fade" style="width: 150px">  
                                    <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                    <f:selectItems value="#{BKArticulo.listaCategoriaArticulo}" var="listaCategoriasFormulario" 
                                                   itemLabel="#{listaCategoriasFormulario.nombre}" itemValue="#{listaCategoriasFormulario.id}"/> 
                                    <p:ajax event="change" update="cbxSubCategoriaArticulo,:formComposicion:pnlCategoriaCompuesta" listener="#{MBArticulo.buscarSubCategorias}" />
                                </p:selectOneMenu>
                                <p:message for="cbxCategoria" display="text"/>	
                                <h:outputLink value="#{request.contextPath}#{MBCategoriaArticulo.nuevo()}.anx" target="_blank" class="linkAgregar" >Agregar Categoría Articulo</h:outputLink>
                            </p:column>
                            <p:column>
                                <h:outputLabel id="lblSubCategoriaArticulo" value="SUB CATEGORIA(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column>
                                <p:selectOneMenu id="cbxSubCategoriaArticulo" style="width: 150px" 
                                                 value="#{BKArticulo.idSubCategoriaArticulo}" required="true"> 
                                    <f:selectItem itemLabel="Seleccionar" itemValue="#{null}" /> 
                                    <f:selectItems value="#{BKArticulo.listaSubCategoriaArticulo}" var="subCat" 
                                                   itemLabel="#{subCat.nombre}" itemValue="#{subCat.id}"/>	
                                    <p:ajax listener="#{MBArticulo.seleccionarSubCategorias}" update="txtNombreComercial" event="change" process="@this" /> 
                                    <p:message for="cbxSubCategoriaArticulo" display="text"/>
                                </p:selectOneMenu>
                            </p:column>
                            <p:column>
                                <p:commandButton value="BUSCAR ARTICULO" styleClass="ui-priority-primary" id="btnBuscarArtnt"
                                                 actionListener="#{MBArticulo.inicializarCargaAnt}" process="@this"  style="float: right"
                                         oncomplete="buscarArtAntiguo.show()" update=":formularioArtAnt:panelAntiguo"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <!--<p:column>
                                <h:outputText id="lblDescripcion" value="DESCRIPCION(*)"/>
                            </p:column>
                            <p:column>
                                <p:inputTextarea  value="#{BKArticulo.articuloFormulario.descripcion}" id="txtDescripcion"
                                                  required="true" maxlength="500" readonly="true" cols="45"/>
                                <p:message for="txtDescripcion" display="text"/>	
                            </p:column>-->
                            <p:column>
                                <h:outputText id="lblNombreComercial" value="NOMBRE COMERCIAL(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="4">
                                <p:inputTextarea  value="#{BKArticulo.articuloFormulario.descripcion}" id="txtDescripcion"
                                                  maxlength="500" readonly="true" cols="45" style="display: false" rendered="false"  />
                                <p:inputTextarea onkeyup="cambiarMayuscula(this)" cols="55" rows="2" required="true" style="width: 100%;"
                                                 value="#{BKArticulo.articuloFormulario.nombreComercial}" id="txtNombreComercial"/>
                                <p:message for="txtNombreComercial" display="text"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText id="txtModelos" value="MODELO(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="4">
                                <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKArticulo.articuloFormulario.modelo}" id="txtModelo"
                                             maxlength="100" required="true"  size="55" style="width: 100%;"  >
                                    <p:ajax event="blur" update="txtNombreComercial" listener="#{MBArticulo.armarNombreComercial}" />
                                </p:inputText>
                                <p:message for="txtModelo" display="text"/>
                            </p:column>
                        </p:row>

                        <p:row>
                            <p:column>
                                <h:outputText id="txtDetalle" value="DETALLE: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="4">
                                <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKArticulo.articuloFormulario.detalle}" size="55" maxlength="100">
                                    <p:ajax event="blur" update="txtNombreComercial" listener="#{MBArticulo.armarNombreComercial}" />
                                </p:inputText>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputText id="lblDatosTecnicos" value="DATOS TÉCNICOS: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="4">
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtDatosTecnicos"
                                             value="#{BKArticulo.articuloFormulario.datosTecnicos}" size="55" maxlength="150" />

                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column colspan="5">

                            </p:column>
                        </p:row>

                    </p:panelGrid>    

                    <h:panelGrid columns="2" style="width: 300px;margin: 0px auto;">
                        <p:commandButton action="#{BKArticulo.comando.aceptar()}" ajax="false" value="#{BKArticulo.comando.nombre}" style="float: right;"/>
                        <p:commandButton action="#{MBArticulo.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                    </h:panelGrid> 
                    <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                </p:panel>
                

            </h:form>
            <h:form id="formComposicion">
                <p:outputPanel id="pnlCategoriaCompuesta" layout="block" style="margin: 15px 0" >
                    <p:fieldset id="fstComposicionArticulo" legend="Composiciòn Articulo" rendered="#{BKArticulo.articuloFormulario.idCategoriaArticulo.tipoMaterial eq 67 ? true : false}">
                        <p:commandButton value="BUSCAR COMP. ANTIGUA" styleClass="ui-priority-primary" id="btnBuscarCompAnt"
                                         actionListener="#{MBComposicionArticulo.inicializarCargaAnt}" immediate="true" style="float: right"
                                         oncomplete="buscarAntiguo.show()" update=":formularioCompAnt:panelAntiguo"/>
                        <br /><br />

                        <cote:componenteComposicionArticulo id="mantenimientoArticulo" 
                                                            isEditable="#{BKArticulo.verFormulario}"/>
                    </p:fieldset>

                </p:outputPanel>
            </h:form>
            
            <p:dialog widgetVar="buscarArtAntiguo"  header="Buscar Articulo Antiguo" modal="true" >
                <ui:include src="cargarArticuloAntiguo.xhtml" /> 
            </p:dialog>
            
            <p:dialog widgetVar="buscarAntiguo"  header="Buscar Composicion Antigua" modal="true" >
                <ui:include src="cargarComposicionAntigua.xhtml" /> 
            </p:dialog>

        </ui:define>
    </ui:composition>
</html>   